<!--
 * @Description: 超重bmi卡片
 * @Author: ZhangHan
 * @Date: 2025-08-04 17:10:27
 * @LastEditTime: 2025-08-04 17:35:48
 * @LastEditors: ZhangHan
-->
<template>
  <view class="plan-container overweight">
    <view class="plan-header"
      >体重超重 （24.0 ≤ BMI ＜ 28.0）
      <view>健康计划</view>
    </view>
    <view class="plan-content">
      <view class="plan-bmi">适用范围：24.0 ≤ BMI ＜ 28.0</view>

      <h2>饮食建议</h2>
      <ul>
        <li>适当减少每日热量摄入，创造适度热量缺口</li>
        <li>增加蛋白质摄入，增强饱腹感（占每日热量20-25%）</li>
        <li>控制碳水化合物摄入，选择低GI食物</li>
        <li>减少精制糖和加工食品</li>
        <li>增加蔬菜摄入，提供饱腹感和营养素</li>
        <li>控制脂肪摄入，选择健康脂肪</li>
        <li>规律进餐，避免暴饮暴食</li>
      </ul>

      <h2>训练计划</h2>
      <ul>
        <li>每周进行3-5次有氧运动，每次30-45分钟</li>
        <li>可以选择快走、慢跑、游泳、椭圆机等低冲击运动</li>
        <li>每周进行2-3次力量训练，防止肌肉流失</li>
        <li>逐渐增加运动强度和时间，避免受伤</li>
        <li>增加日常活动量，如步行上下楼梯、短距离步行代替乘车</li>
      </ul>

      <view class="recommendation">
        <strong>重要建议：</strong>
        目标是缓慢健康减重，每周减重0.5-1公斤为宜。结合饮食控制和规律运动，养成可持续的健康习惯。
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";

defineOptions({name:'OverWeightCard'});
</script>
<style lang="scss" scoped>
@use "./component.scss";
</style>
